<template>
    <div>
      小明的爸爸现在有{{ money }}元
      <h2>不使用sync修改符</h2>
      <!-- <Child :money="money" @update:money="money = $event"></Child> -->
      <h2>使用sync修改符</h2>
      <!-- 会给子组件传入一个函数，子组件通过调用传入的函数来改变父组件的状态。 -->
      <Child :money.sync="money"></Child>
      <h2>使用v-model修改符</h2>
      <hr />
    </div>
  </template>
  
  <script type="text/ecmascript-6">
  import Child from './Child.vue'
  import Child2 from './Child2.vue'
  export default {
    name: 'SyncTest',
    data() {
      return {
        money: 10000
      }
    },
    components: {
      Child,
      Child2
    }
  }
  </script>
  